<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="index.css">
  </head>

  <body>
    <section>
      <div class="leftBox">
        <div class="content">
          <h1>Events and Shows</h1>

          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod quis
            beatae sapiente consequatur magnam, architecto sequi accusantium
            doloribus at incidunt atque, possimus fugiat aut eos, delectus
            cupiditate ratione totam maxime voluptatum consequuntur? Ipsum fuga
            porro soluta quasi voluptatum facilis veritatis nulla vitae error.
            Architecto odio nulla id tenetur, facilis esse, quo voluptas,
            consequuntur provident cupiditate cumque quaerat qui. Eligendi
            ratione libero sed perspiciatis officia iusto a nostrum, quibusdam
            ab dolor debitis aliquam porro corrupti facere autem adipisci
            asperiores repudiandae cupiditate ipsa molestiae inventore neque
            sapiente aliquid rerum? Deleniti, soluta repudiandae!
          </p>
        </div>
      </div>

      <div class="events">
        <ul>
          <li>
            <div class="time">
              <h2>15 <br /><span>March</span></h2>
            </div>
            <div class="details">
              <h3>Where is the event happening?</h3>

              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Consequatur ab, quos mollitia facere assumenda, nemo quia atque
                corporis tempore aut, nihil exercitationem? Perspiciatis saepe
                aliquid, culpa hic alias ex repellendus.
              </p>

              <a href="#">View Details</a>
            </div>
            <div style="clear: both"></div>
          </li>

          <li>
            <div class="time">
              <h2>27 <br /><span>May</span></h2>
            </div>
            <div class="details">
              <h3>Where is the event happening?</h3>

              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod
                eum inventore laboriosam repellat explicabo. Quidem dolor ipsa
                eius facere maxime? Quasi expedita dolorum nemo rerum
                accusantium magni dolor amet! Fugiat neque!
              </p>

              <a href="#">View Details</a>
            </div>
            <div style="clear: both"></div>
          </li>

          <li>
            <div class="time">
              <h2>12 <br /><span>August</span></h2>
            </div>
            <div class="details">
              <h3>Where is the event happening?</h3>

              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta,
                modi? Sunt quam nobis minima libero aliquid! Velit iusto, ipsa
                quia animi reprehenderit perferendis aliquid ad quam unde nisi
                quasi! Dignissimos nisi placeat assumenda dolorum error.
              </p>

              <a href="#">View Details</a>
            </div>
            <div style="clear: both"></div>
          </li>
        </ul>
      </div>
    </section>
  </body>
</html>
